/* 导航栏模块 */


/* 导航栏顶部模块 */

.nav_top {
    height: 100px;
}


/* logo模块儿 */

.logo {
    float: left;
    margin-top: 25px;
    width: 215px;
    height: 75px;
}

.logo a {
    display: block;
    width: 100%;
    height: 52px;
    background-image: url(../img/hxm-component.png);
    background-position: 2px -302px;
}


/* 购物车模块 */

.cars {
    float: right;
    margin-top: 26px;
    margin-left: 35px;
    width: 135px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #c29a6c;
    border-radius: 18px;
    font-size: 16px;
    color: #c29a6c;
    padding-left: 20px;
}

.cars span {
    background-color: #ff0000;
    border-radius: 8px;
    color: #fff;
    padding: 0 5px;
}


/* 搜索区域模块儿 */

.search {
    margin-top: 26px;
    float: right;
    width: 535px;
    height: 74px;
    /* background-color: aqua; */
}

.search_t {
    float: left;
    position: relative;
    width: 418px;
    height: 38px;
}

.search_text {
    float: left;
    width: 418px;
    height: 38px;
    border: 1px solid #c29a6c;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
    outline: none;
    padding-left: 45px;
    font-size: 16px;
}

.search_btn {
    width: 93px;
    height: 38px;
    background-color: #c29a6c;
    border: none;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.search_btn:hover {
    background-color: #e2c199;
}


/* 放大镜图标 */

.fdj {
    position: absolute;
    top: 14px;
    left: 20px;
    font-size: 12px !important;
}


/* 搜索框下边的提示字体 */

.span1 {
    margin-left: 20px;
    font-size: 14px;
    color: #ccc;
}

.span1:hover {
    color: #c29a6c;
}


/* 导航栏底部模块 */

.nav_list {
    height: 36px;
    line-height: 36px;
}

.nav_list li {
    float: left;
    color: #323232;
    margin: 0 25px;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
}

.nav_list li:hover {
    border-bottom: 2px solid #c29a6c;
}

.nav_list li:hover a {
    color: #c29a6c;
}

.list_active {
    border-bottom: 2px solid #c29a6c;
}

.nav_list .l1 {
    margin: 0;
}


/* 取消最后一个小li 众筹的右边距 */

.nav_list li:last-of-type {
    margin-right: 0;
}

.nav_list a {
    color: #323232;
}


/* 轮播图部分 */

.slider {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
}

.slider img {
    width: 1920;
    height: 420px;
}

.lb {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
}

.li_active {
    background-color: #c29a6c;
}

.lb li {
    float: left;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    /* background-color: #fff; */
    border-radius: 50%;
}

.lb li:hover {
    background-color: #c29a6c;
}


/* 内容部分 */


/* main头部 */

.main_head {
    margin-top: 20px;
    height: 55px;
}


/* 新品首发 */

.sf {
    float: left;
    height: 55px;
    line-height: 55px;
}

.sf>a {
    display: block;
    font-size: 14px;
    color: #323232;
}

.sf:hover a {
    color: #c29a6c;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* 更多 ,此处类用于后边两个盒子 */

.more {
    padding-top: 30px;
    padding-left: 20px;
    font-size: 10px;
}

.more a {
    color: #323232;
}

.more i {
    font-size: 8px;
}

.more a:hover {
    color: #c29a6c;
}

.main_bd {
    position: relative;
    width: 1102px;
    height: 400px;
    /* background-color: rebeccapurple; */
}

.main_bd li {
    float: left;
    width: 265px;
    height: 364px;
    margin-right: 10px;
}

.main_bd li img {
    display: block;
}

.main_bd li img:nth-child(2) {
    display: none;
}


/* 商品信息部分 */

.shooping_info {
    width: 265px;
    height: 100px;
}

.shooping_info p {
    font-size: 10px;
    color: #323232;
}

.shooping_info p:hover {
    color: #c29a6c;
}

.main_bd li:hover .shooping_info {
    background-color: #f4f0ea;
}

.main_bd li:hover {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.main_bd li:hover img:nth-child(1) {
    display: none;
}

.main_bd li:hover img:nth-child(2) {
    display: block;
}

.btn_l {
    left: -80px;
}

.btn_r {
    right: -80px;
}